<?php
use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;
use app\assets\AppAsset;
use yii\helpers\Url;
use yii\widgets\ActiveForm;
?>
<link rel="stylesheet" href="<?php echo Yii::getAlias("@web")?>/css/sky-forms.css">
<link rel="stylesheet" href="<?php echo Yii::getAlias("@web")?>/css/custom-sky-forms.css">
<div class="row">
    <!-- Begin Sidebar Menu -->
    <div class="col-md-3">
        <ul id="sidebar-nav" class="list-group sidebar-nav-v1">
            <!-- Typography -->
            <li class="list-group-item list-toggle">
                <a href="#collapse-typography" data-parent="#sidebar-nav" data-toggle="collapse">Typography</a>
                <ul class="collapse" id="collapse-typography">
                    <li><a href="shortcode_typo_general.html"><i class="fa fa-sort-alpha-asc"></i> General Typography</a></li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_typo_headings.html"><i class="fa fa-magic"></i> Heading Options</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_typo_dividers.html"><i class="fa fa-ellipsis-h"></i> Dividers</a>
                    </li>
                    <li><a href="shortcode_typo_blockquote.html"><i class="fa fa-quote-left"></i> Blockquote Blocks</a></li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_typo_boxshadows.html"><i class="fa fa-asterisk"></i> Box Shadows</a>
                    </li>
                    <li><a href="shortcode_typo_testimonials.html"><i class="fa fa-comments"></i> Testimonials</a></li>
                    <li><a href="shortcode_typo_tagline_boxes.html"><i class="fa fa-tasks"></i> Tagline Boxes</a></li>
                    <li><a href="shortcode_typo_grid.html"><i class="fa fa-align-justify"></i> Grid Layout</a></li>
                </ul>
            </li>
            <!-- End Typography -->

            <!-- Buttons UI -->
            <li class="list-group-item list-toggle">
                <a href="#collapse-buttons" data-parent="#sidebar-nav" data-toggle="collapse">Buttons UI</a>
                <ul class="collapse" id="collapse-buttons">
                    <li><a href="shortcode_btn_general.html"><i class="fa fa-flask"></i> General Buttons</a></li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_btn_brands.html"><i class="fa fa-html5"></i> Brand &amp; Social Buttons</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_btn_effects.html"><i class="fa fa-bolt"></i> Loading &amp; Hover Effects</a>
                    </li>
                </ul>
            </li>
            <!-- End Buttons UI -->

            <!-- Icons -->
            <li class="list-group-item list-toggle">
                <a href="#collapse-icons" data-parent="#sidebar-nav" data-toggle="collapse">Icons</a>
                <ul class="collapse" id="collapse-icons">
                    <li>
                        <a href="shortcode_icon_general.html"><i class="fa fa-chevron-circle-right"></i> General Icons</a>
                    </li>
                    <li><a href="shortcode_icon_fa.html"><i class="fa fa-chevron-circle-right"></i> Font Awesome Icons</a></li>
                    <li>
                        <a href="shortcode_icon_line.html"><i class="fa fa-chevron-circle-right"></i> Line Icons</a>
                    </li>
                    <li><a href="shortcode_icon_glyph.html"><i class="fa fa-chevron-circle-right"></i> Glyphicons (Bootstrap)</a></li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_christmas.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Christmas)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_clothes.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Clothes)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_communication.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Communication)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_education.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Education)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_electronics.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Electronics)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_finance.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Finance)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_food.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Food)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_furniture.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Furniture)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_hotel_restaurant.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Hotel Restaurant)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_media.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Media)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_medical.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Medical)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_real_estate.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Real Estate)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_science.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Science)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_sport.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Sport)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_music.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Music)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_travel.html"><i class="fa fa-chevron-circle-right"></i> Line Icons Pro (Travel)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_weather.html"><i class="fa fa-chevron-circle-right"></i>Line Icons Pro (Weather)</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_icon_line_transport.html"><i class="fa fa-chevron-circle-right"></i>Line Icons Pro (Transportation)</a>
                    </li>
                </ul>
            </li>
            <!-- End Icons -->

            <!-- Thumbails -->
            <li class="list-group-item"><a href="shortcode_thumbnails.html">Thumbnails</a></li>
            <!-- End Thumbails -->

            <!-- Components -->
            <li class="list-group-item list-toggle">
                <a data-toggle="collapse" href="#collapse-components" class="accordion-toggle">Components</a>
                <ul class="collapse" id="collapse-components">
                    <li><a href="shortcode_compo_messages.html"><i class="fa fa-comment"></i> Alerts &amp; Messages</a></li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_compo_labels.html"><i class="fa fa-tags"></i> Labels &amp; Badges</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_compo_progress_bars.html"><i class="fa fa-align-left"></i> Progress Bars</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_compo_media.html"><i class="fa fa-volume-down"></i> Audio/Videos &amp; Images</a>
                    </li>
                    <li><a href="shortcode_compo_panels.html"><i class="fa fa-columns"></i> Panels</a></li>
                    <li><a href="shortcode_compo_pagination.html"><i class="fa fa-arrows-h"></i> Pagination</a></li>
                </ul>
            </li>
            <!-- End Components -->

            <!-- Accordion and Tabs -->
            <li class="list-group-item"><a href="shortcode_accordion_and_tabs.html">Accordion and Tabs</a></li>
            <!-- End Accordion and Tabs -->

            <!-- Timeline -->
            <li class="list-group-item list-toggle">
                <a data-toggle="collapse" href="#collapse-timeline" class="accordion-toggle">Timeline</a>
                <ul class="collapse" id="collapse-timeline">
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_timeline1.html"><i class="fa fa-dot-circle-o"></i> Timeline 1</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_timeline2.html"><i class="fa fa-dot-circle-o"></i> Timeline 2</a>
                    </li>
                </ul>
            </li>
            <!-- End Timeline -->

            <!-- Carousel Examples -->
            <li class="list-group-item">
                <span class="badge badge-u">New</span>
                <a href="shortcode_carousels.html">Carousel Examples</a>
            </li>
            <!-- End Carousel Examples -->

            <!-- Forms -->
            <li class="list-group-item list-toggle active">
                <a data-toggle="collapse" href="#collapse-forms" class="accordion-toggle">Forms</a>
                <ul class="collapse in" id="collapse-forms">
                    <li><a href="shortcode_form_general.html"><i class="fa fa-bars"></i> Common Bootstrap Forms</a></li>
                    <li class="active">
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_form_general1.html"><i class="fa fa-bars"></i> General Unify Forms</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_form_advanced.html"><i class="fa fa-bars"></i> Advanced Forms</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_form_layouts.html"><i class="fa fa-bars"></i> Form Layouts</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_form_layouts_advanced.html"><i class="fa fa-bars"></i> Advanced Form Layouts</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_form_states.html"><i class="fa fa-bars"></i> Form States</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_form_sliders.html"><i class="fa fa-bars"></i> Form Sliders</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_form_modals.html"><i class="fa fa-bars"></i> Modals</a>
                    </li>
                </ul>
            </li>
            <!-- End Forms -->

            <!-- Tables -->
            <li class="list-group-item"><a href="shortcode_table_general.html">Tables</a></li>
            <!-- End Tables -->

            <!-- Maps -->
            <li class="list-group-item list-toggle">
                <a data-toggle="collapse" href="#collapse-maps" class="accordion-toggle">Maps</a>
                <ul class="collapse" id="collapse-maps">
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_maps_google.html"><i class="fa fa-map-marker"></i> Google Maps</a>
                    </li>
                    <li>
                        <span class="badge badge-u">New</span>
                        <a href="shortcode_maps_vector.html"><i class="fa fa-align-center"></i> Vector Maps</a>
                    </li>
                </ul>
            </li>
            <!-- End Maps -->

            <!-- Charts -->
            <li class="list-group-item">
                <span class="badge badge-u">New</span>
                <a href="shortcode_compo_charts.html">Charts &amp; Countdowns</a>
            </li>
            <!-- End Charts -->
        </ul>
    </div>
    <!-- End Sidebar Menu -->

    <!-- Begin Content -->
    <div class="col-md-9">
        <!-- General Unify Forms -->
        <?php
        $form = ActiveForm::begin([
            'id' => 'category-form',
            'options' => ['class' => 'sky-form'],
        ])
        ?>

            <header>添加博客</header>

            <fieldset>
                <section>
                    <label class="label">标题</label>
                    <label class="input">
                        <input type="text" name="title" value="">
                    </label>
                </section>
                <section>
                    <label class="label">博客分类</label>
                    <label class="select">
                        <select name="category">
                            <option value=0>请选择</option>
                            <?php if($model){
                                foreach ($model as $k=>$v){
                                    ?>
                                    <option value="<?php echo $v->id;?>"><?php echo $v->name;?></option>
                                    <?php Yii::$app->runAction("blog/child",['pid'=>$v->id]);?>
                                <?php }}?>
                        </select>
                        <i></i>
                    </label>
                    <label><a href="<?php echo Url::toRoute("blog/categoryadd")?>">添加分类</a></label>
                </section>
                <section>
                    <label class="label">Tags</label>
                    <label class="textarea textarea-expandable">
                        <textarea rows="3" name="tags"></textarea>
                    </label>
                    <div class="note"><strong>Note:</strong> expands on focus.</div>
                </section>
                <section>
                    <label class="label">Textarea expandable</label>
                    <label class="textarea textarea-expandable">
                        <textarea rows="3" name="content"></textarea>
                    </label>
                    <div class="note"><strong>Note:</strong> expands on focus.</div>
                </section>

            </fieldset>
            <footer>
                <button class="btn-u" type="submit">Submit</button>
                <button onclick="window.history.back();" class="btn-u btn-u-default" type="button">Back</button>
            </footer>
        <?php ActiveForm::end() ?>
        <!-- General Unify Forms -->

        <div class="margin-bottom-60"></div>


        <!-- End Tabs -->


        <!-- End Responsive Grid System -->
    </div>
    <!-- End Content -->
</div>